import Nabar from "../../conpoment/Nabar"
import image from '../../img/患者经验.png'
import { Tabs } from 'antd';
import style from './index.module.css'
import {  FillinOutline } from 'antd-mobile-icons'
import List_todo1 from "../../conpoment/List_todo1";
import Btn from "../../conpoment/btn";
function Index() {
  const items = [
    {
      key: '1',
      label: '最新',
      children:  <List_todo1 sort="latest" /> ,
    },
    {
      key: '2', 
      label: '最热',
      children: <List_todo1 sort="hot" />,
    },
  
  ];
  const onChange = (key: string) => {
    console.log(key);
  };
  return (
    <div className={style.page}>
      <Nabar title='患者案例' sticky={false}></Nabar>
      <div className={style.imageContainer} >
        <img src={image} alt="" className={style.patientImage} />
      </div >
      <div> 
        <Tabs defaultActiveKey="1"   centered items={items} onChange={onChange} />
        </div>
        <div className={style.bottomGap}></div>
          {/* 客服按钮 */}
      <Btn/>
    </div>
  )
}
export default Index